<!--鄂汇办页面头部-->
<template>
  <div class="header">
    <h1 class="title" :style="customTitleStyle">{{serviceName}}</h1>
    <div class="text">
      <span class="text1">服务适用范围：</span>
      <span class="text2">{{serviceArea}}</span>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        serviceArea: this.$globalEnv.serviceArea
      }
    },
    name: "EhbHeader",
    props: ["serviceName", "area","customTitleStyle"]
  }
</script>

<style scoped>

</style>
